body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font-size:14px;font-family:"microsoft yahei";color:#444;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:couriernew,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#444;}
img{border:0;display:inline-block}
/*public*/
.fl{float: left;}
.fr{float: right;}
.fc{margin:0 auto;}
.text_c{text-align: center;}
.text_wb{font-weight: bold;}
.clearfix:after {content:'';height:0;line-height:0;display:block;visibility:hidden;clear:both;}
.bgf5f6{background-color: #f5f6fa;}
.bgf7f8{background-color: #f7f8fa;}
.bgfff{background-color: #FFFFFF;}
.flex{display: flex;justify-content: space-between;}
.shadow_blue{box-shadow: 0px 0px 21px 0px rgba(38, 92, 240, 0.16)}

.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.pd60_0{padding:60px 0;}
.pd30{padding:30px;}

/*按钮 默认蓝色*/
.btn{width: 120px;text-align: center; height: 46px; line-height: 46px !important;background: #68A6FF;border-radius: 5px;cursor:pointer}
.btn.btn_blue_change{background: linear-gradient(-50deg, #1668DE, #2E7DED);color:#FFFFFF;}
.btn.btn_l{width:166px;height:54px;line-height:54px !important;font-size:18px;}
.btn_full{width: 100%; height: 50px;border-radius: 5px;line-height: 50px !important;font-size:16px;}
.btn.btn_blue{background-color: #2c68ff;color:#FFFFFF;}
.btn.btn_yellow{background: linear-gradient(135deg, #FEB223, #FC7619);color: #FFFFFF;}
.btn a{display: block;color: #FFFFFF;}
.btn a:hover{color: #FFFFFF;}
button,button:focus{border: 0;cursor: pointer;outline:none}

/*public title*/
.title1{font-size:36px;line-height:36px;margin-bottom:20px;font-weight:bold;text-align: center;}
.subtitle1{font-size:20px; color: #929FB1;line-height: 20px;margin-bottom:50px;text-align: center;}

/* 头部 */
.header{width:100%}
.header_box{margin:26px auto;width:1200px;height:60px}

.header_contact_icon.iconfont {font-size:40px;margin:9px 10px 0 0;}
.header_contact_text h2{font-size:26px;font-weight: bold;}
.header_contact_text p{color: #666;font-size: 16px;margin-bottom:5px;}
.header_name{overflow:hidden}
.menu_box{width:1200px;margin:0 auto}
.menu_box li a{color:#fff;font-size:16px;}
.menu_box li{float:left;height:60px;line-height:60px;text-align:center;position:relative}
.menu_box li a{display:inline-block;box-sizing:border-box;padding:0 30px;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu_box li ul li a{font-size:14px;white-space:nowrap;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}
.menu_box li ul{display:none;width:100%;position:absolute;left:0px;top:60px;z-index:999}
.menu_box li:hover ul{display:block}
.menu_box li ul li{float:none}



/* 轮播图 */
.banner{height:490px;position: relative;overflow: hidden;}
.banner ul li{height:490px;box-shadow:#666 0px 0px 4px inset;}
.banner_btn{display:none;background-color: rgba(0,0,0,0.2);border-radius: 6px;width:106px;text-align: center;cursor: pointer;}
.banner .hd {position: absolute;bottom:30px;left:0;width:100%;text-align: center;}
.banner .hd a{display: inline-block; width:12px;height: 12px; background-color: #FFFFFF;opacity: 0.5;border-radius:12px;margin:0 5px;transition: width 0.5s;}
.banner .hd a.on{width:36px;height:12px;opacity:0.8; border-radius:12px;transition: width 0.5s;}
.btn01 img,.btn02 img{width:70px;height:70px}
.btn01{position:absolute;top:40%;left:2%}
.btn02{position:absolute;top:40%;right:2%}
.banner:hover .banner_btn{display:block}

.main_box{width:1200px;margin:0 auto;padding:60px 0;}
.product_box_menu{text-align: center !important;margin-bottom:50px !important;}
.product_box_menu ul li{display: inline-block !important;float: none !important;}
.product_box_content ul {margin-right:-30px;}
.product_box_content ul li{float: left;width:370px;margin:0 30px 40px 0;text-align: center;font-size:16px;}
.product_box_content ul li img{width:100%;display: block;}
.product_box_content ul li a{display: block;}
.product_box_img {background: #fff;margin-bottom:20px;border-radius:8px;padding: 8px;}
.product_box_img div{height:240px;background-size: contain !important;}
.product_box_img.box_showProMore div,.product_box_img.box_product div{height: 370px;}
.product_box_title{height: 52px;line-height: 26px;overflow: hidden;margin-top: 10px;padding: 0 10px;}

.btn_more{display: block;width:180px;height:50px;line-height:50px;text-align: center;font-size:16px;color:#fff;background-color: rgba(255, 72, 0, 1);font-size: 18px;border-radius: 30px;background: linear-gradient(to right,#ff4800,#ff9224);box-shadow: 0px 5px 20px #fcd2b8;}
.about{background:url(/front/img/about_bg.jpg) center top no-repeat;height:600px;}
.about_box{color:#999;}
.about_content{float: left;width: 520px;}
.about_content h2{font-size:120px;color:#fff1e8;font-weight:normal;position: relative;top: -30px;}
.about_content h3{font-size:42px;color:#444;font-weight:normal;position: relative;top: -85px;font-weight: normal;}
.about_text{line-height:32px;font-size:16px;margin:-60px 0 40px;}
.about_img{float: right;margin-top:40px; width:560px;height:381px;border-radius: 8px;padding: 8px;background: #fff;box-shadow: 0px 10px 35px #f4d9c9;}
.news .btn_more{margin-top:60px;}
.news_box_l{float:left;width:500px;position: relative;border-radius:4px;box-shadow: 0px 10px 35px #f4d9c9;}
.news_box_l .bd a{border-radius: 8px;padding: 8px;background: #fff;display: block; position: relative;}
.news_box_l .bd a div{width:484px;height:380px;background-size:contain !important;}
.news_box_l .hd{text-align: center;position: absolute;bottom: -30px;width:100%;}
.news_box_l .hd a{display: inline-block; width:10px;height: 10px;opacity: 0.3;border-radius:10px;margin:0 5px;}
.news_box_l .hd a.on{opacity:0.8;}
.news_box_l img{width:100%;display: block;}
.news_box_l h2{background:rgba(0,0,0,0.5);color:#fff;height:50px;line-height:50px;position: absolute;left:8px;bottom:8px;width:484px;text-indent:15px;}
.news_box_l h2 a{color:#fff;display: block;}
.news_box_r{width:650px;float: right;}
.news_box_r ul li{padding:20px 10px;margin-bottom:18px;background-color:#fff;border-radius: 4px;}
.news_box_r ul li .news_date{float: left;width:100px;text-align: center; border-right:1px solid #eee;margin:-6px 20px 0 0;}
.news_box_r ul li .news_date h4{font-size:30px;color:#666;}
.news_box_r ul li .news_date h5{font-weight: normal;}
.news_box_r ul li h2 {margin-bottom:10px;height:21px;overflow: hidden;}
.news_box_r ul li p{font-size:14px;color:#777;line-height:22px;height:22px;overflow: hidden;}

/*footer*/
.footer{background:url(/front/img/footer_bg.jpg) #313036 center center no-repeat;}
.footer_menu dl {float: left;margin-right:50px;}
.footer_menu dl dt{color:#fff;font-size:18px;margin-bottom:12px;}
.footer_menu dl dt a{color:#fff;}
.footer_menu dl.footer_contact{width:330px;margin-right: 0;}
.footer_menu dl dd a{color:#bdbdbd;font-size:15px;line-height:30px;}
.footer_menu .footer_qr{float: right;text-align: center;color:#bdbdbd;}
.footer_menu .footer_qr div {float: left;margin-left:20px;}
.footer_menu .footer_qr div span{background: #fff;margin-bottom:10px;display: block;}
.footer_menu .footer_qr img{width:105px;height:105px;display: block;}
.footer_copyright{color:#808080;margin-top:40px;font-size:14px;}
.footer_copyright a{color:#808080;margin-right:20px;}
.footer_copyright p{line-height:35px;}

/*sidebar*/
.side_bar{position:fixed;right:0;top:50%;margin-top:-120px;}
.side_bar ul li {position: relative; width: 84px;height: 84px;color: #fff;text-align: center;border-bottom: 1px solid #fff;cursor: pointer;}
.side_bar ul li:first-of-type{border-radius: 10px 0px 0px 0px;}
.side_bar ul li:last-of-type{border-radius:0 0px 0px 10px;border:0;}
.side_bar ul li span {font-size: 28px;padding:15px 0 8px;display: inline-block;}
.side_bar ul li p{font-size:14px;}
.side_bar ul li a{color:#fff;}
.side_bar_show img{margin-top:20px;}
.side_bar_show p{color:#414B59;}
.side_bar_show{display:none;position: absolute;left:-200px;top:0; width: 190px;height: 207px;background: #FFFFFF;box-shadow: 0px 0px 25px 0px rgba(38, 92, 240, 0.2);border-radius: 10px;;}
.side_bar_show_tel{width:190px; height:70px;padding-top:10px;}
.side_bar_show_tel p{line-height:25px;}
.side_bar .scroll_top{display:none; cursor: pointer; width:84px; height:33px; line-height:33px;background:#fff;color:#414B59;font-size:16px;text-align: center;margin-top:14px;box-shadow: 0px 0px 25px 0px rgba(38, 92, 240, 0.2);border-radius: 6px 0px 0px 6px;}


/*单页*/
.page_menu{margin-bottom: 30px;padding-bottom: 10px;}
.page_menu ul li {float: left;margin:0 20px 20px 0;background: #fff;border-radius: 5px;font-size: 16px;line-height: 50px;box-shadow: 2px 2px 3px #eee;position: relative;}
.page_menu ul li a{display: block;padding: 0 30px;}
.page_menu li.hover a,.page_menu li:hover a {color: #fff;}
.page_menu ul li.hover i,.page_menu ul li:hover i {position: absolute;left: 50%;margin-left: -8px;bottom: -9px;width: 0;height: 0;border-bottom: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #fff;}
.page_content{border-radius:5px;padding:60px 40px;}
.page_content_title{font-size:22px;margin-bottom:30px;color:#333;line-height:22px;}
.page_content p {margin-bottom:20px;line-height:30px;color: #777777;}
.page_content_logo{display: block;margin:0 auto 30px;}
.page_art_content img{max-width:80%;display:block;margin:0 auto;}
.page_art_content p{margin-bottom:10px;line-height: 26px;}

/*产品详情*/
.page_pro_content{border-radius: 5px;}
.page_pro_content .fl{width:500px;border-right:1px solid #f3f3f3;padding:30px;}
.page_pro_content .fl .big_pic{text-align:center;overflow: hidden;}
.page_pro_content .fl .big_pic img{max-width:100%;display: block;}
.page_pro_content .fl .thumb_pic{margin:30px 0 0 0;text-align:center;}
.page_pro_content .fl .thumb_pic ul{margin:0 auto;}
.page_pro_content .fl .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.page_pro_content .fl .thumb_pic ul li img{display:block;margin:2px;}
.page_pro_content .fl .thumb_pic ul li.on{background:#fff;}
.page_pro_content .fl .thumb_pic ul li.on:after{content:" ";position:absolute;right:24px;top:-6px;width:11px;height:11px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1;border-right: 0 !important;border-bottom: 0 !important;}

.page_pro_content .fr{width:560px;padding:30px;}
.page_pro_content .fr h1{font-size:24px;font-weight:bold;}
.page_pro_content .fr .intro{font-size:14px;color:#888;margin:10px 0;}
.page_pro_content .fr .attribute{list-style:none;margin:10px 0;}
.page_pro_content .fr .attribute li{font-size:14px;line-height:30px;}
.page_pro_content .fr .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;font-size:14px;}
.page_pro_content .fr .price{font-size:14px;line-height:30px;margin:30px 0;}
.page_pro_content .fr .price i{font-size:16px;color:#f60;font-style: inherit;}
.page_pro_content .fr .price span{font-size:32px;color:#f60;}
.page_pro_content .fr .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;margin-right:20px;}
.page_pro_content .fr .price .oldprice{text-decoration: line-through;color:#666666;}
.page_pro_content .fr .tags{color:#999;margin:5px 0;}
.page_pro_content .fr .tags em{font-size:14px;}
.page_pro_content .fr .tags a{margin:0 10px 10px 0;}
.pro_qrcode{margin:30px 0 0 10px;}
.pro_detail_title {font-size:16px;font-weight: bold;margin-bottom:30px;padding-bottom:20px;border-bottom: 1px solid #eee;}
.btn_sm_line{padding:2px 10px;line-height:20px;border-radius:3px;color:#fff; cursor: pointer;font-size: 12px;}


.box_fy{margin:30px 0;text-align:center}
.fenye_main{text-align:center}
.pagination_list a,.pagination_list span{display:inline-block;margin:0 7px 0 0;border:1px solid #E9E9E9;color:#999;text-decoration:none;background:#fff;border-radius:3px;width:35px;height:25px;line-height:25px;text-align:center}
.disabled,.active_page{display:inline-block}
.pagination_list a:hover{background:#3d3d3d;color:#fff;border-color:#3d3d3d}
.body_box{width:1200px;margin:0 auto;position:relative}
.body_left{float:left;width:210px;height:100%}
.bleft_title{margin-top:5px;width:210px;height:45px;background-color:#3d3d3d}
.bleft_title_more{float:right;height:45px;line-height:45px;margin-right:10px}
.round_icon{width:20px;height:20px;line-height:20px;margin-top:13px;background-color:#fff;border-radius:50%}
.bleft_content{background-color:#f6f6f6}
.bleft_content ul{max-height:560px;overflow-y:hidden}
.bleft_content ul a:hover li{color:#3d3d3d}
.bleft_content_news{border-bottom:1px dashed #d9d9d9;box-sizing:border-box;height:40px;margin:5px;color:#666;font-size:14px;padding:10px 5px}
.bleft_content_newsl{float:left;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bleft_content_newsr{float:right;font-size:12px}
.bleft_content_text{margin:5px;height:160px;font-size:14px;line-height:1.8;color:#666}
.body_right{float:left;width:990px;height:100%}
.body_right_title{box-sizing:border-box;margin:0 10px;border-bottom:1px solid #d9d9d9}
.bright_title{position:relative;height:35px;box-sizing:border-box;margin:15px 20px 0;color:#3d3d3d}
.bright_title_text::before{content:"";position:absolute;top:4px;left:-15px;width:5px;height:16px;background:#3d3d3d}
.bright_content{margin:15px;font-size:14px}
.cont_box{box-sizing:border-box;display:inline-block;width:265px;height:270px;padding:5px 5px 15px;border:1px solid #ddd;border-radius:5px;box-shadow:0px 0px 2px #d8d8d8;margin:10px 48px 20px 20px}
.cont_box:nth-child(3n+0){margin-right:0px}
.cont_box_img{width:253px;height:197px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center}
.cont_box_img img{width:253px;height:190px}
.cont_box_text p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 5px 0;width:244px;height:57px}
.qimo8{overflow:hidden;width:1200px;margin:0 auto;margin-top:20px;height:190px;padding:15px 0;box-sizing:border-box}
.qimo8 .qimo{width:8000%;height:30px}
.qimo8 .qimo div{float:left}
.qimo8 .qimo ul{float:left;overflow:hidden;zoom:1}
.qimo8 .qimo ul li{text-align:center;width:160px;float:left;line-height:30px;list-style:none;margin-right:18px}
.qimo8 .qimo ul li img{width:160px;height:130px}
.qimo8 li a{color:#444444}
.duo_picture{position:absolute;bottom:10px;left:0}
#pro_bg{height:100%;width:auto;background-color:#7b7b7b;opacity:0.8;position:fixed;top:0;left:0;right:0;z-index:500}
#pro_detail{position:fixed;height:525px;width:850px;background-color:#fff;top:20%;left:25%;z-index:501;font-size:20px;text-align:center;border-radius:10px}
.dis_none{display:none}
.close{text-align:right;margin:5px}
.icon-x-guanbi:before{font-size:24px;font-weight:bold;color:#aaa}
.content{box-sizing:border-box;padding:20px;display:flex}
.con_imgs{width:100%;text-align:center}
.con_bigimg{width:480px;height:350px;margin:0 auto;overflow:hidden}
.con_bigimg img{width:100%;height:auto;min-height:350px}
.con_smallimg{margin-top:20px;height:65px;overflow-x:auto;white-space:nowrap;overflow-y:hidden}
.con_smallimg::-webkit-scrollbar{height:14px}
.con_smallimg::-webkit-scrollbar-thumb{border-radius:10px;background:#DCDCDC}
.con_smallimg::-webkit-scrollbar-track{border-radius:10px;background:#FFF}
.smallings{display:inline-block;width:70px;height:50px;overflow:hidden;margin-right:10px;border:1px solid #eee}
.smallings img{width:100%;height:100%;min-height:52px}


/* new 分页start */
.cont_fy{display:flex;align-items:center;justify-content:center;margin-top:20px;}
.cont_fy .fenye_main .pagination{margin: 0;}
.cont_fy .fenye_main .pagination>li{display:inline;}
.cont_fy .fenye_main .pagination>li:first-child>a,.cont_fy .fenye_main .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.cont_fy .fenye_main .pagination>li>a,.cont_fy .fenye_main .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;height:20px;line-height:20px;color:#666;text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.cont_fy .fenye_main .pagination>li>a:focus,.cont_fy .fenye_main .pagination>li>a:hover,.cont_fy .fenye_main .pagination>li>span:focus,.cont_fy .fenye_main .pagination>li>span:hover{z-index:2;color:#4385ff;background-color:#f8f8f8;border-color:#ddd;}
.cont_fy .fenye_main .pagination>.active>a,.cont_fy .fenye_main .pagination>.active>a:focus,.cont_fy .fenye_main .pagination>.active>a:hover,.cont_fy .fenye_main .pagination>.active>span,.cont_fy .fenye_main .pagination>.active>span:focus,.cont_fy .fenye_main .pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#4385ff;border-color:#4385ff;}
.cont_fy .fenye_main .pagination>.disabled>a,.cont_fy .fenye_main .pagination>.disabled>a:focus,.cont_fy .fenye_main .pagination>.disabled>a:hover,.cont_fy .fenye_main .pagination>.disabled>span,.cont_fy .fenye_main .pagination>.disabled>span:focus,.cont_fy .fenye_main .pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.cont_fy .fenye_main .pagination>li input.layui-input{width:70px;margin:0 10px;height:34px;line-height:1.42857143;border:1px solid #ddd;border-radius:2px;box-sizing:border-box;}
.cont_fy .fenye_main .pagination>li input.layui-btn.layui-btn-mini{background:#fff;border:1px solid #ddd;color:#333;height:34px;padding:0 10px;border-radius:2px;margin:0;}
.cont_fy .fenye_main .pagination>li form{display:inline-block;margin:0;}
.cont_fy .fenye_main .pagination>li form a.layui-input-inline{display:flex;align-items:center;}
/* new 分页end */